<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./css/all.css">
    <title>注册</title>
  </head>
  <body >
    <div class="container" style="margin-top: 5%;">
      <header>
        <!-- 顶部 -->
        <div class="row" id="nav">
          <div class="col-xs-12 col-sm-12 col-md-5" style="padding: 0;">

            <!-- logo -->
            <div class="col-xs-8 col-md-6" >
                <img src="./images/logo.jpg" style="height: 50px;width: 50px;float: left;">
                <h1>左唐文化</h1>
            </div>

            <!-- 页面标题 -->
            <div class="col-xs-4 col-md-6" style="padding: 0;">
              <h4>账号注册</h4>
            </div>

          </div>
      </div>
      </header>
      
      <!-- 表单 -->
      <section>
        <div class="row" id="register">
        <div class="col-xs-10 col-sm-12 col-md-5 col-md-offset-4  col-xs-offset-1 formbg" style="padding: 0;">
          <form action="#"class = "text-center" style="margin-left: -35px;">

            <!-- 姓名 -->
            姓名：<input type="text" id="userName1" style="margin-left: 30px;" required><br>


            <!-- 手机号及验证 -->
            手机号：<input type="text" id="u_phone" style="margin-left: 15px;" placeholder="请输入11位标准手机号" required><br>
            <div id="phoneId"></div>

            <!-- 密码及验证 -->
            密码：<input type="password" id="password" style="margin-left: 30px;" placeholder="6~16位至少包含数字和字母"><br>
            <div id="pwdId"></div>

            <!-- 验证码 -->
            <div>
              <span style="margin-left: 10%;"> 验证码：</span><input type="text" id="sms_code" style="margin-left: 15px;width: 130px;" required> 
              <input type="button" value="获取验证码" class="button" id="getcode" onclick="mHttp()">
            </div>

            <!-- 部门下拉框 -->
            部门选择：
            <select name="department" style="width:180px;margin-top: 20px;" id="branch">
              <option value="0">招商部</option>
              <option value="1">运营部</option>
              <option value="2">媒介部</option>
              <option value="5">直播部</option>
              <option value="3">行政部</option>
              <option value="4">财务部</option>
              <option value="6">技术部</option>
            </select>
            <br>

            
            <!-- 日期选择 -->   
            入职日期：<input type="date" style="width:180px" id="entry_time"  required> <br>


            <!-- 性别选择 -->
            <div style="margin-left: -105px;"> 
              性别：<span style="padding-left: 30px;">男 <input type="radio" name="sex"  value="male" checked> 女 <input type="radio" name="sex" value="female"><br></span> 
            </div>
            
            

            
            <!-- 上传文件 -->
            <div class="col-xs-9 col-sm-12 col-md-8 col-md-offset-3 col-xs-offset-2" style="padding: 0;">
              <div>
                照片提交：<input type="file" accept="image/*" style="display: inline;width: 70%;" id="u_image" >
              </div>
            </div>

            <!-- 提交 -->
            <input type="button" value="注册" class="submit" onclick="mHttp0()">

          </form>
        </div>   
      </div>
      </section>

      
      <!-- 底部版权信息等 -->
      <footer>
        <div class="row" id="footer">
        </div>
      </footer>

    </div>
    </div>
  </body>
  <script src="./js/host.js"></script>
  <script src="./js/register.js"></script>
</html>
